import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import styles from "./index.module.scss";
import image50 from "./assets/image_50.png";
import image51 from "./assets/image_51.png";
import image52 from "./assets/image_52.png";

export default function Footer() {
    const { t } = useTranslation();

    return (
        <div className={styles.wrap6}>
            <div className={styles.container6}>
                <div className={styles.content11}>
                    <div className={styles.main12}>
                        <div className={styles.section13}>
                            <Link to="/">
                                <img
                                    src={image50}
                                    className={styles.image49}
                                />
                            </Link>
                            <div className={styles.subBlock13}>
                                <div className={styles.div18}>
                                    <div className={styles.text27}>{t('知识科普')}</div>
                                    <div className={styles.div19}>
                                        <div className={styles.div20}>
                                            <Link to="/knowledge/encyclopedia">
                                                <div className={styles.text28}>
                                                    <span className={styles.text28__seg0}>
                                                        {t('疾病百科')}
                                                    </span>
                                                </div>
                                            </Link>
                                            <Link to="/knowledge/encyclopedia">
                                                <div className={styles.text29}>
                                                    <span className={styles.text29__seg0}>
                                                        {t('答疑释惑')}
                                                    </span>
                                                </div>
                                            </Link>
                                            <Link to="/knowledge/encyclopedia">
                                                <div className={styles.text30}>
                                                    <span className={styles.text30__seg0}>
                                                        {t('媒体资源')}
                                                    </span>
                                                </div>
                                            </Link>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className={styles.subBlock14}>
                                <div className={styles.div21}>
                                    <div className={styles.text31}>{t('更多资源')}</div>
                                    <div className={styles.div22}>
                                        <div className={styles.div23}>
                                            <Link to="/vision-test">
                                                <div className={styles.text32}>
                                                    <span className={styles.text32__seg0}>
                                                        {t('辨色测试')}
                                                    </span>
                                                </div>
                                            </Link>
                                            <Link to="/knowledge/encyclopedia">
                                                <div className={styles.text33}>
                                                    <span className={styles.text33__seg0}>
                                                        {t('专家支持')}
                                                    </span>
                                                </div>
                                            </Link>
                                            <Link to="/project">
                                                <div className={styles.text34}>
                                                    <span className={styles.text34__seg0}>
                                                        {t('项目介绍')}
                                                    </span>
                                                </div>
                                            </Link>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className={styles.subBlock15}>
                                <div className={styles.div25}>
                                    <div className={styles.text35}>{t('关注我们')}</div>
                                    <div className={styles.div26}>
                                        <div className={styles.div27}>
                                            <div className={styles.div28}>
                                                <div className={styles.div29}>
                                                    <div className={styles.div30}>
                                                        <div className={styles.div31}>
                                                            <div className={styles.div32}>
                                                                <div className={styles.div33}>
                                                                    <div className={styles.div34}>
                                                                        <img
                                                                            src={image51}
                                                                            className={styles.image50}
                                                                        />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div className={styles.text36}>
                                                                <span className={styles.text36__seg0}>
                                                                    perceptioninhues@gmail.com
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div className={styles.div35}>
                                                <div className={styles.div36}>
                                                    <div className={styles.div37}>
                                                        <img
                                                            src={image52}
                                                            className={styles.image51}
                                                        />
                                                        <div className={styles.text37}>
                                                            <span className={styles.text37__seg0}>
                                                                {t('关注公众号')}
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}
